<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    html {
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);
    }
    .button {
        background-color: rgb(174,137,118); /* 绿色 */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 13px;

        cursor: pointer;
        margin-left: 20%;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        width: 100%;
        height: 194px;
        background-color: gray;
    }

    .flex-item1 {
        width: 270px;
        height: 194px;
        margin: 10px;
    }
    .flex-item2 {

        width: 265px;
        height: 194px;
        background-image: url("/img/bg13.png");

        margin: 10px;
    }
    .flex-item3 {

        width: 200px;
        height: 200px;
        margin: 10px;
    }



</style>
<body>


<div class="flex-container">
    <div class="flex-item1">
        <h1>复飞图书馆欢迎您</h1>
    </div>
    <div class="flex-item2"></div>
    <div class="flex-item3">
        <h3 class="adminName">借阅者</h3>

        <input type="button" class="button" value="退出"></div>
</div>

</body>
</html>
<script src="/js/jquery-3.5.1.js"></script>
<script>
    $(function (){
        $(".button").click(function (){
            $.post("/exit.bor",function (text){
                if(text){
                    parent.window.location.href='/borrower.html';
                }else {
                    parent.window.location.href='/error.html';
                }

            })
        })



    })

</script>